<template>
  <div class="check-wrapper">
    <section class="check-content">
      <div class="check-h clearfix">
        <h3>审核受理</h3>
      </div>
      <div class="check-c">
        <div class="item">
          <span>审核结果</span>
          <input type="radio" id="one" value="通过" v-model="picked">
          <label for="one">通过</label>
          <input type="radio" id="two" value="不通过" v-model="picked">
          <label for="two">不通过</label>
        </div>
        <div class="item">
          <span>审核意见</span>
          <textarea v-model="message"></textarea>
        </div>
      </div>
      <div class="check-btn">
        <span @click="submit">确定</span>
        <span @click="closeCheck">取消</span>
      </div>
    </section>
  </div>
</template>
<script>
export default {
  data() {
    return {
      picked: '',
      message: '',
    };
  },
  methods: {
    closeCheck() {
      this.$emit('close');
    },
    submit() {
      this.$emit('submit2', { picked: this.picked, message: this.message });
    },
  },
};
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
 .check-wrapper
   position: fixed
   top: 0
   left: 0
   right: 0
   bottom: 0
   z-index: 200
   background: rgba(0,0,0,.5)
   .check-content
     position: absolute
     top: 50%
     left: 50%
     width: 600px
     height: 300px
     margin-left: -300px
     margin-top: -150px
     background-color: white
     border-radius: 10px
     padding: 20px
     .check-h
       padding-bottom: 15px
       margin-bottom: 15px
       border-bottom: 1px solid #ccc
       h3
         float: left
         color: #FFA862
         font-size: 16px
     .check-c
       .item
         padding: 15px 0
         span
           display: inline-block
           vertical-align: top
           width: 100px
         input
           display: inline-block
           vertical-align: top
         label
           &:nth-of-type(1)
             margin-right: 15px
         textarea
           display: inline-block
           vertical-align: top
           width: 400px
           height: 100px
           border: 1px solid #ccc
     .check-btn
       width: 135px
       margin: 0 auto 30px
       cursor: pointer
       span
         display: inline-block
         width: 60px
         height: 30px
         text-align: center
         line-height: 30px
         color: #fff
         &:nth-of-type(1)
           margin-right: 15px
           background: #6FB3E0
         &:nth-of-type(2)
           background: #AAAAAA
</style>
